/* define color */
body {
  max-height: 612px; }

.game_start,
.game_main,
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.game_end {
  width: 100%;
  height: 100%;
  border: 1px solid transparent; }

.game_start, .game_end {
  display: none;
  padding-top: 200px;
  padding-bottom: 250px;
  background-color: skyblue; }
  .game_start h1, .game_end h1 {
    color: white;
    text-align: center;
    font-size: 50px; }
  .game_start button, .game_end button {
    padding: 15px;
    color: skyblue;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    border-radius: 5px; }

.game_main {
  display: none; }
  .game_main .main_head {
    height: 100px; }
    .game_main .main_head .col-xs-6 {
      height: 100px;
      padding: 5px; }
    .game_main .main_head .level_num {
      height: 100%;
      background-color: #ffbc00;
      line-height: 90px;
      font-size: 40px;
      color: white;
      text-align: center;
      border-radius: 5px; }
    .game_main .main_head .text_detail {
      height: 100%;
      color: white;
      background-color: #ffbc00;
      padding-top: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .game_main .main_head .text_detail p {
        font-size: 12px; }
  .game_main .main_foot {
    height: 470px;
    padding-top: 15px;
    background-color: #eeeeee; }
    .game_main .main_foot .col-xs-3,
    .game_main .main_foot .col-xs-6 {
      height: 90px;
      padding: 5px; }
    .game_main .main_foot .num_box,
    .game_main .main_foot .time_box {
      height: 100%;
      background-color: #2c8ef8;
      line-height: 83px;
      font-size: 50px;
      text-align: center;
      color: white; }
    .game_main .main_foot .num_box {
      cursor: pointer; }
    .game_main .main_foot .time_box {
      font-size: 80px;
      color: #0acf97;
      background-color: transparent; }

.game_start {
  display: block; }

.target_numbers {
  text-indent: 1em; }

.active {
  box-shadow: 0px 0px 19px 3px #3F51B5 inset; }
